<template>
    <base-breadcrumb>
        <a-card>
        <titleName title="评分信息"></titleName>
        <a-form-model
                ref="ruleForm"
                :model="form"
                :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
                :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }"
        >
            <a-row :gutter="24">
                <a-col :md="8" :sm="8">
                    <a-form-model-item label="评分人：">
                        <a-input disabled placeholder="加载中" v-model="form.scorer"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :md="8" :sm="8">
                    <a-form-model-item label="评分总分：">
                        <a-input disabled placeholder="加载中" v-model="form.totalScore"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :md="24" :sm="24">
                    <a-form-model-item label="评分意见：">
                        <a-textarea
                                disabled
                                v-model="form.opinions"
                                placeholder="请输入"
                                :auto-size="{ minRows: 3, maxRows: 5 }"
                        />
                    </a-form-model-item>
                </a-col>
            </a-row>
        </a-form-model>
        <a-table :columns="columns" :data-source="tableData" bordered :loading="loading">
            <template slot="index" slot-scope="text,record,index">
                {{index+1}}
            </template>
        </a-table>
        <div class="tool-btns page-btn-right-top">
            <a-button @click="$router.back()">关闭</a-button>
        </div>
        </a-card>
    </base-breadcrumb>
</template>

<script>
    import  { meetingScoreDetail } from "@/api/office/conference"
  export default {
    name: 'a'+new Date().getTime(),
    data(){
      return {
        columns: [
          {
            title: '序号',
            scopedSlots: { customRender: 'index' },
            width: '65px'
          },
          {
            title: '评分项',
            dataIndex: 'scoreItem',
            ellipsis: true
          },
          {
            title: '评分关注重点',
            dataIndex: 'scorePoint',
            ellipsis: true
          },
          {
            title: '标准分',
            dataIndex: 'standardScore'
          },
          {
            title: '打分',
            dataIndex: 'score'
          },
        ],
        form: {},
        tableData: [],
        loading: false
      }
    },
    created() {
      this.form = this.$route.query
      this.meetingScoreDetail()
    },
    methods: {
      meetingScoreDetail() {
        this.loading = true;
        meetingScoreDetail({ scoreId : this.form.id}).then(res=>{
            const [err, resp] = res
            this.tableData = resp.data
            this.loading = false;
        })
      },
    }
  }
</script>

<style scoped>

</style>